<template>
  <div class="fixed inset-0 bg-white bg-opacity-75 flex items-center justify-center z-50">
    <div class="flex flex-col items-center">
      <!-- 加载动画 -->
      <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600"></div>
      
      <!-- 加载文本 -->
      <p class="mt-4 text-sm text-gray-600">{{ message }}</p>
    </div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  message?: string
}

withDefaults(defineProps<Props>(), {
  message: '加载中...'
})
</script> 